._4ccM4G_magic-edit-selection { background: var(--theme-user-selection-bg, var(--selection)); -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 4.5px 0; } [data-me-role='container'] { display: block; position: relative; } .writing-block-editor.magic-edit-minimal [data-me-role='orig'] { display: none; } .writing-block-editor [data-me-role='container'], .writing-block-editor [data-me-role='orig'], .writing-block-editor [data-me-role='sugg'] { -webkit-user-select: none; user-select: none; } [data-me-role='orig'], [data-me-role='sugg'] { position: relative; } [data-me-role='orig']:before, [data-me-role='sugg']:before { content: ''; z-index: -1; margin-top: -8px; margin-bottom: -8px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } [data-me-role='orig']:dir(ltr):before, [data-me-role='sugg']:dir(ltr):before { margin-left: calc(var(--writing-block-editor-pl, 1.25rem) * -1); margin-right: calc(var(--writing-block-editor-pr, 1.25rem) * -1); } [data-me-role='orig']:dir(rtl):before, [data-me-role='sugg']:dir(rtl):before { margin-right: calc(var(--writing-block-editor-pl, 1.25rem) * -1); margin-left: calc(var(--writing-block-editor-pr, 1.25rem) * -1); } [data-me-role='orig'] { color: var(--text-tertiary); } .dark [data-me-role='orig'] { color: var(--text-quaternary); } [data-me-role='orig']:before, .dark [data-me-role='orig']:before { background: 0 0; } [data-me-role='sugg'] { color: #172554; } .dark [data-me-role='sugg'] { color: #f0f9ff; } .writing-block-editor.magic-edit-minimal [data-me-role='sugg']:before { display: none; } .writing-block-editor.magic-edit-minimal [data-me-role='orig']:first-child + [data-me-role='sugg'] { margin-top: 0; } [data-me-role='sugg']:before { background: color-mix(in srgb, var(--interactive-bg-accent-default) 50%, transparent); border-top: 1px solid var(--bg-primary); } .dark [data-me-role='sugg']:before { background: color-mix(in srgb, var(--interactive-label-accent-default) 5%, transparent); border-top: 1px solid #2a2a2a; } [data-me-role='orig'] [data-me-change='delta'] { color: var(--text-tertiary); -webkit-text-decoration: line-through #ef4444cc; text-decoration: line-through #ef4444cc; text-decoration-thickness: 1px; } .dark [data-me-role='orig'] [data-me-change='delta'] { color: var(--text-quaternary); -webkit-text-decoration-color: #f87171cc; text-decoration-color: #f87171cc; } [data-me-role='sugg'] [data-me-change='delta'] { color: #0285ff; background-color: color-mix(in srgb, var(--interactive-bg-accent-default) 50%, transparent); padding: 4px 0; } .magic-edit-minimal [data-me-role='sugg'] [data-me-change='delta'] { background-color: #0000; } .dark [data-me-role='sugg'] [data-me-change='delta'] { color: var(--interactive-label-accent-default); } .writing-block-editor [data-me-role='sugg'] ul li::marker { color: #0285ff; } ._4ccM4G_keyBindingTight kbd { color: var(--text-tertiary) !important; box-shadow: none !important; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .writing-block-editor.override-font-size > .prose { font-size: inherit; } .writing-block-editor.override-font-weight > .prose { font-weight: inherit; } .writing-block-editor.override-line-height > .prose { line-height: inherit; } .writing-block-editor.override-letter-spacing > .prose { letter-spacing: inherit; } .writing-block-editor.header-magic-edit-composer-open .ProseMirror { opacity: 0.45; transition: opacity 0.18s; } .writing-block-editor.markdown-new-styling > .markdown h1 { font-size: 150%; } .writing-block-editor.markdown-new-styling > .markdown h2 { font-size: 125%; } .writing-block-editor.markdown-new-styling > .markdown h3 { font-size: 115%; } .writing-block-editor.markdown-new-styling > .markdown blockquote, .writing-block-editor.markdown-new-styling > .markdown blockquote > p { line-height: inherit; font-weight: inherit; } .writing-block-editor .ProseMirror li p, .writing-block-editor .ProseMirror td p, .writing-block-editor .ProseMirror th p { margin: 0; } .writing-block-editor .ProseMirror.ProseMirror-focused table.writing-block-table-structure-mode { caret-color: #0000; } .writing-block-table-grab-handle { z-index: 70; border: 1px solid var(--border-light); border-radius: var(--radius-sm); background: var(--bg-primary); color: var(--text-secondary); box-shadow: var(--shadow-lg); letter-spacing: -0.12em; opacity: 0; pointer-events: none; justify-content: center; align-items: center; font-size: 0.75rem; line-height: 1; transition: opacity 0.12s, background-color 0.12s, color 0.12s; display: inline-flex; position: fixed; } .writing-block-table-grab-handle.is-visible { opacity: 1; pointer-events: auto; } .writing-block-table-grab-handle.is-active, .writing-block-table-grab-handle:hover, .writing-block-table-grab-handle:focus-visible { background: var(--interactive-bg-accent-default); color: var(--interactive-label-accent-default); outline: none; } .writing-block-table-grab-handle-column { letter-spacing: 0; font-size: 0.8rem; } .writing-block-table-grab-menu { z-index: 71; border: 1px solid var(--border-light); border-radius: calc(var(--spacing) * 2); background: var(--bg-primary); min-width: 12rem; box-shadow: var(--shadow-lg); padding: calc(var(--spacing) * 1.5); gap: calc(var(--spacing) * 1); display: none; position: fixed; transform: translate(-50%); } .writing-block-table-grab-menu.is-open { display: grid; } .writing-block-table-grab-menu-item { border-radius: var(--radius-sm); width: 100%; color: var(--text-primary); padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2); font-size: var(--text-sm); background: 0 0; border: 0; justify-content: flex-start; align-items: center; line-height: 1.2; display: inline-flex; } .writing-block-table-grab-menu-item:hover, .writing-block-table-grab-menu-item:focus-visible { background: var(--interactive-bg-accent-default); color: var(--interactive-label-accent-default); outline: none; } .writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-selected-cell, .writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-selected-cell { box-shadow: 0 0 0 1px color-mix(in oklab, var(--interactive-label-accent-default, #0285ff) 70%, transparent); } .writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-active-cell, .writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-active-cell { box-shadow: 0 0 0 2px var(--interactive-label-accent-default, #0285ff); } .writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-edit-active-cell, .writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-edit-active-cell { box-shadow: 0 0 0 2px var(--interactive-label-accent-default, #0285ff), 0 0 0 4px var(--theme-entity-accent, #0169cc); caret-color: auto !important; } .writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-edit-active-cell *, .writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-edit-active-cell * { caret-color: auto !important; } .writing-block-editor .ProseMirror p .selection-highlight { padding-top: 0.28em; padding-bottom: 0.28em; } .writing-block-editor .ProseMirror a, .writing-block-editor .ProseMirror a:hover, .writing-block-editor .ProseMirror a:active { color: inherit; cursor: text; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-decoration-thickness: 1px; -webkit-text-decoration-color: var(--text-tertiary); -webkit-text-decoration-color: var(--text-tertiary); text-decoration-color: var(--text-tertiary); text-underline-offset: 2px; -webkit-text-decoration-skip-ink: auto; text-decoration-skip-ink: auto; text-underline-position: from-font; transition: color 0.2s ease-in-out; } .writing-block-editor .ProseMirror.writing-block-open-link-mode a { cursor: pointer; } .writing-block-editor .ProseMirror.writing-block-open-link-mode a:hover, .writing-block-editor .ProseMirror.writing-block-open-link-mode a:active { color: var(--theme-entity-accent); -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .writing-block-editor .ProseMirror > :where(:not(.ProseMirror-trailingBreak)):not(:first-child) { margin-top: 1rem; } .writing-block-editor .ProseMirror > :where(:not(.ProseMirror-trailingBreak)) { margin-bottom: 0; } .writing-block-editor .ProseMirror > p:last-child { margin-bottom: 0; } .writing-block-editor .writing-block-generate-suggestion, .writing-block-editor .writing-block-generate-suggestion h1, .writing-block-editor .writing-block-generate-suggestion h2, .writing-block-editor .writing-block-generate-suggestion h3, .writing-block-editor .writing-block-generate-suggestion h4, .writing-block-editor .writing-block-generate-suggestion h5, .writing-block-editor .writing-block-generate-suggestion h6, .writing-block-editor .writing-block-generate-suggestion strong, .writing-block-editor .writing-block-generate-suggestion blockquote, .writing-block-editor .writing-block-generate-suggestion a { color: #0285ff; cursor: text; -webkit-user-select: text; user-select: text; } .dark .writing-block-editor .writing-block-generate-suggestion, .dark .writing-block-editor .writing-block-generate-suggestion h1, .dark .writing-block-editor .writing-block-generate-suggestion h2, .dark .writing-block-editor .writing-block-generate-suggestion h3, .dark .writing-block-editor .writing-block-generate-suggestion h4, .dark .writing-block-editor .writing-block-generate-suggestion h5, .dark .writing-block-editor .writing-block-generate-suggestion h6, .dark .writing-block-editor .writing-block-generate-suggestion strong, .dark .writing-block-editor .writing-block-generate-suggestion blockquote, .dark .writing-block-editor .writing-block-generate-suggestion a { color: var(--interactive-label-accent-default); cursor: text; -webkit-user-select: text; user-select: text; } .writing-block-editor li::marker { font-weight: 400; } .writing-block-editor .ProseMirror ul li[data-task-list-item='true'] { align-items: flex-start; gap: 0.375rem; list-style: none; display: flex; } .writing-block-editor .ProseMirror ol li[data-task-list-item='true'] { align-items: flex-start; } .writing-block-editor .ProseMirror .task-list-item-checkbox { color: var(--interactive-label-accent-default); margin-top: 0.4rem; display: inline-flex; } .writing-block-editor .ProseMirror .task-list-item-checkbox:dir(ltr) { margin-left: -1.4375rem; } .writing-block-editor .ProseMirror .task-list-item-checkbox:dir(rtl) { margin-right: -1.4375rem; } .writing-block-editor .ProseMirror ol li[data-task-list-item='true'] .task-list-item-checkbox:dir(ltr) { margin-left: 0; } .writing-block-editor .ProseMirror ol li[data-task-list-item='true'] .task-list-item-checkbox:dir(rtl) { margin-right: 0; } .writing-block-editor .ProseMirror .task-list-item-checkbox input { -webkit-appearance: none; appearance: none; width: 1rem; height: 1rem; color: inherit; border: 0.9px solid var(--interactive-border-focus, #0d0d0d); cursor: pointer; pointer-events: auto; background: 0 0; border-radius: 0.125rem; place-content: center; display: inline-grid; } .writing-block-editor .ProseMirror .task-list-item-checkbox input:before { content: ''; border-right: 2px solid var(--bg-primary); border-bottom: 2px solid var(--bg-primary); transform-origin: 50%; width: 0.25rem; height: 0.5rem; transform: rotate(45deg) scale(0); } .writing-block-editor .ProseMirror .task-list-item-checkbox input:checked { background: currentColor; border-color: currentColor; } .writing-block-editor .ProseMirror .task-list-item-checkbox input:checked:before { transform: rotate(45deg) scale(1); } .writing-block-editor .ProseMirror .task-list-item-checkbox input:indeterminate { background: currentColor; border-color: currentColor; } .writing-block-editor .ProseMirror .task-list-item-checkbox input:indeterminate:before { background: var(--bg-primary); border-bottom: none; border-right: none; width: 0.5rem; height: 0.125rem; transform: none; } .writing-block-editor .ProseMirror .task-list-item-checkbox input:focus, .writing-block-editor .ProseMirror .task-list-item-checkbox input:focus-visible { box-shadow: none; outline: none; } .writing-block-editor .ProseMirror .task-list-item-content { flex: 1; min-width: 0; } .writing-block-editor .ProseMirror li[data-task-list-item='true'][data-checked='true'] > .task-list-item-checkbox:has(input:checked:not(:indeterminate)) + .task-list-item-content > p:first-child { color: var(--text-tertiary); -webkit-text-decoration-line: line-through; text-decoration-line: line-through; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .writing-block-editor .ProseMirror ol li[data-task-list-item='true'] .task-list-item-content { min-width: 0; display: inline-block; } .writing-block-editor .ProseMirror [data-writing-block-empty-placeholder] { position: relative; } .writing-block-editor .ProseMirror [data-writing-block-empty-placeholder]:before { color: var(--text-tertiary); content: attr(data-writing-block-empty-placeholder); pointer-events: none; -webkit-user-select: none; user-select: none; white-space: pre-wrap; position: absolute; top: 0; } .writing-block-editor .ProseMirror [data-writing-block-empty-placeholder]:dir(ltr):before { left: 0; } .writing-block-editor .ProseMirror [data-writing-block-empty-placeholder]:dir(rtl):before { right: 0; } .writing-block-editor .ProseMirror p.isSelectedEnd .ProseMirror-trailingBreak { display: none; } .writing-block-editor .ProseMirror p.isSelectedEnd:after { content: '​'; pointer-events: none; background-color: var(--theme-user-selection-bg); display: inline-block; } .writing-block-editor .ProseMirror p.isSelectedEnd:dir(ltr):after { margin-right: -6px; padding-right: 6px; } .writing-block-editor .ProseMirror p.isSelectedEnd:dir(rtl):after { margin-left: -6px; padding-left: 6px; } .firefox.writing-block-editor .ProseMirror p.isSelectedEnd:after { display: inline; }